<template>
  <div>
    <button @click="hclick">跳转到nexttick</button>
    <router-view></router-view>
    <VuexCom></VuexCom>
    <!-- <test></test> -->
  </div>
</template>

<script>
import VuexCom from './views/01.Vuex/index'
import test from './01.提示测试.vue'
export default {
  components: {
    VuexCom,
    test
  },
  mounted () {
    // 在页面加载时读取sessionStorage里的状态信息
    // sessionStorage 存储的信息一旦页面关闭就会消失,localstorage内是永久存储
    // 包括主页面和module中的都会保存
    // if (sessionStorage.getItem('store')) {
    //   this.$store.replaceState(
    //     Object.assign(
    //       {},
    //       this.$store.state,
    //       JSON.parse(sessionStorage.getItem('store'))
    //     )
    //   )
    // }
    // // 在页面刷新时将vuex里的信息保存到sessionStorage里
    // window.addEventListener('beforeunload', () => {
    //   sessionStorage.setItem('store', JSON.stringify(this.$store.state))
    // })
  },
  data () {
    return {
      id: 1234,
      obj: {
        name: 'zhangsan',
        age: 18
      }
    }
  },
  methods: {
    hclick () {
      // this.$router.push(`/nexttick/${this.id}`)
      const data = Object.assign({}, this.obj, { id: this.id })
      this.$router.push({
        name: 'nexttick',
        query: data
        // query: this.obj
        // query: {
        //   id: this.id,
        //   data: this.obj
        // }
      })
    }
  }
}
</script>

<style></style>
